﻿@model WebDocDB.Models.UserAccountViewModel

@{
    ViewBag.Title = "Home Page";
}

<div class="jumbotron">

    <h1><img src="~/Images/database_big.png" style="vertical-align: central" /> Web DocumentDB Manager</h1>
    <p class="lead">Insert here your DocumentDB Account <b>Url</b> and your <b>Key</b> to start manage you Databases</p>
    <p>
        @using (Html.BeginForm())
        {
            @Html.AntiForgeryToken()

            <div class="form-horizontal">
                <div class="form-group">
                    @Html.LabelFor(model => model.AccountUrl, htmlAttributes: new { @class = "control-label col-md-2" })
                    <div class="col-md-9">
                        @Html.EditorFor(model => model.AccountUrl, new { htmlAttributes = new { @class = "form-control", style = "max-width: 100%" } })
                        @Html.ValidationMessageFor(model => model.AccountUrl, "", new { @class = "text-danger" })
                    </div>
                    <div class=" col-md-offset-1"></div>
                </div>

                <div class="form-group">
                    @Html.LabelFor(model => model.AccountKey, htmlAttributes: new { @class = "control-label col-md-2" })
                    <div class="col-md-9">
                        @Html.EditorFor(model => model.AccountKey, new { htmlAttributes = new { @class = "form-control", style = "max-width: 100%" } })
                        @Html.ValidationMessageFor(model => model.AccountKey, "", new { @class = "text-danger" })
                    </div>
                    <div class=" col-md-offset-1"></div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-2">
                        </div>
                        <div class="col-md-9" style="text-align: right; padding-right:25px;">
                            <input type="submit" class="btn btn-success btn-lg" value="Enter &raquo;" />
                        </div>
                        <div class=" col-md-offset-1"></div>
                    </div>
                </div>
            </div>
        }

    </p>    
</div>

<div class="row">
    <div class="col-md-4">
        <h2>Create your account</h2>
        <p>
            Login to the <b>Microsoft Azure portal</b> (preview) to create your DocumentDB account.
        </p>
        <p><a class="btn btn-default" href="https://portal.azure.com">GO &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Getting started</h2>
        <p>View the <b>official Azure documentation</b> to get started with DocumentDB.</p>
        <p><a class="btn btn-default" href="http://azure.microsoft.com/en-us/documentation/services/documentdb/">GO &raquo;</a></p>
    </div>
    <div class="col-md-4">
        <h2>Sources</h2>
        <p>See the project sources, released on the <b>CodePlex</b> platform.</p>
        <p><a class="btn btn-default" href="https://webdocdb.codeplex.com/">GO &raquo;</a></p>
    </div>
</div>